<!--节点属性-->
<template>
    <div class="node-attribute">
        <!--      基础属性-->
        <Basics class="basics" :onChange="onChange" :config="config"/>
        <!--      节点属性-->
        <!--      <Node v-else/>-->
    </div>
</template>

<script>
import Basics from './component/Basics'
// import Node from './component/Node'
export default {
    name: 'FlowNode',
    components: { Basics },
    props: {
        config: Object,
        onChange: {
            type: Function,
            default: () => {
            }
        }
    },
    data () {
        return {
            tabPosition: 'base',
            item: {
                name: 1
            }
        }
    }
}
</script>

<style scoped lang="scss">
.node-attribute {
    box-sizing: border-box;
    overflow-y: hidden;
    height: 70vh;

    .basics {
        //min-width: 250px;
        //max-width: 250px;
    }

    &:hover {
        overflow-y: scroll;
    }
}
</style>
